// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import store from './store';
import router from './router'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

Vue.use(VueQuillEditor, /* { default global options } */ )


Vue.config.productionTip = false
Vue.use(ElementUI);

// router.beforeEach((to, from, next) => {
//   // document.title= `mmall | ${to.meta.title}`
//   // console.log(from.meta.title);
//   // console.log(to.meta.title);
//   var username = window.localStorage.username;
//   // console.log(username);
//   if (!username && to.path != "/login") {
//     next('/login')
//   } else {
//     next()
//   }
// })


router.beforeEach((to, from, next) => { // 使用钩子函数对路由进行权限跳转
  document.title= `mmall | ${to.meta.title}`
  const role = sessionStorage.getItem('username');
  if (!role && to.path !== '/login' && to.path !== '/register') { // 如果用户不存在，并且访问的页面不是登录和注册，就前往登录页面,to.path !== '/login',必须加“/”，也必须判断去的页面是不是login，否则会陷入死循环。
    next('/login');
  } else if (to.meta.permission) { // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已
    role === 'admin' ? next() : next('/403');
  } else { //判断浏览器是否兼容富文本浏览器，一般IE10及以下的浏览器不兼容
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    if(userAgent.indexOf("MISE") && to.path==="/edit"){
      alert("不兼容富文本编辑器")
    }else{
      next()
    }
  }
})

/* eslint-disable no-new */
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app")
